/*
Template Name: tis-tis
Template URI: http://www.tis-tis.com/
Description: tis-tis默认模板.
Version: 1.0.0
Author: Qi Yan
Author URI: http://www.tis-tis.com/
Logo filename: logo.gif
*/

* {padding:0; margin:0;}
html {height:100%;}
body {width:100%; font-size:12px; font-family:Tahoma,宋体; background:url(images/bg_header.gif) repeat-x left top; color:#333;}
body, ul, ol, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {list-style:none;}
img {border:none;}
input {font-size:12px; font-family:Tahoma,宋体; vertical-align:middle;}
input.disabled {}
a {color:#333; text-decoration:none; cursor:pointer;}
a:hover {color:#39C; text-decoration:none;}

/*header*/
.header {width:960px; margin:0 auto;}
.header .top-area {width:958px; height:28px; line-height:28px; background:#f8f8f8;}
.header .top-left {width:336px; float:left;}
.header .top-left a {padding:0 10px; border-right:1px solid #d4d4d4; text-align:center; float:left;}
.header .top-left a:hover {background:#fdfde8;}
.header .top-right {height:28px; line-height:28px; *line-height:30px; _line-height:28px; float:right;}
.header .top-link, .header .top-right img, .header .top-link a {float:left;}
.header .top-link .online {width:53px; height:28px; background:url(images/bg_online.gif) no-repeat; padding-left:22px; color:#630;}
.header .top-link a {margin-left:10px;}
.header .welcome a:hover, .header .top-link a:hover {text-decoration:underline;}
.header .mid-area {width:960px; padding-top:1px; background:url(images/bg_banner.gif) no-repeat 210px 2px; float:left;}
.mid-area .logo {width:210px; height:87px; float:left;}
.mid-area .phone {width:400px; height:35px; float:right;text-align:right; }
.mid-area .phone p{font-size:14px; color:#777;font-weight:bold;margin-top:8px;}
.mid-area .menu {width:522px; height:30px; font-size:14px; margin-top:22px; float:left;}
.mid-area .menu li {width:85px; height:30px; text-align:center; margin-right:2px; display:inline; float:left;}
.mid-area .menu li a {width:85px; height:30px; line-height:32px; color:#FFF; background:url(images/bg_menu.gif) no-repeat; float:left;}
.mid-area .menu li a:hover {color:#333; background:url(images/bg_menu_hover.gif) no-repeat; font-weight:bold;}
.mid-area .menu li.visited a {width:85px; height:30px; line-height:32px; font-weight:bold; background:url(images/bg_menu_hover.gif) no-repeat; color:#333; float:left;}
.mid-area .menu2 {width:210px; height:25px; line-height:25px; color:#FFF; background:url(images/bg_menu2.gif) no-repeat; margin:27px 0 0 18px; display:inline; float:left;}
.mid-area .menu2 a {margin-left:12px; color:#FFF; background:none; float:left;}
.mid-area .menu2 a:hover {color:#fbcc01; text-decoration:underline; background:none; float:left;}
.bottom-area {width:960px; height:38px; padding-top:3px; float:left;}
.bottom-area .comtip {width:200px; height:28px; position:absolute;}
.bottom-area .comtip img {width:200px; height:28px; display:block;}
.bottom-area .search {width:750px; position:relative; left:210px; top:3px; z-index:15;}
.bottom-area .search input {width:225px; height:25px; line-height:25px; font-size:12px; padding-left:34px; color:#999; border:0; background:url(images/bg_search.gif) no-repeat; margin-right:4px; float:left;}
.bottom-area .search .hot-search {width:350px; height:16px; margin:5px 0 0 20px; *margin-top:7px; _margin-top:5px; display:inline; overflow:hidden; float:left;}
.bottom-area .search .hot-search a {margin-left:12px; _margin-left:11px; color:#666;}
.bottom-area .search .hot-search a:hover {color:#999; text-decoration:underline;}
.bottom-area .search a, .bottom-area .search span {float:left;}
.bottom-area .search input.searchbtn {background:none; width:57px; height:24px; padding:0;}
.bottom-area .search input.searchbtn img {width:57px; height:24px; display:block;}

/*footer*/
.footer {width:100%; margin-top:30px; float:left;}
.footerlink {height:28px; line-height:28px; background:url(images/bg_footer.gif) repeat-x; text-align:center;}
.footerlink a {padding:0 12px;}
.footerlink a, .footerlink span {float:left;}
.footerlink .flink {width:530px; margin:0 auto;}
.footerinfo {width:910px; padding-left:50px; background:#FFF; margin:0 auto; display:table;}
.footerlogo {width:77px; height:65px; display:block; padding-top:5px; float:left;}
.footerinfo .footer-btm {width:590px; padding:10px 0 10px 30px; line-height:20px; float:left;}
.footerinfo .footer-btm p {line-height:20px;}
.footerinfo .footer-btm a {color:#09C;}
.footerinfo .footer-btm a:hover {text-decoration:underline;}
.footerinfo .footer-btm span a {color:#333; padding-right:10px;}
.footerinfo .footer-btm a:hover {text-decoration:underline;}

/*main*/
.index-page, .content {width:960px; margin:0 auto; background:#FFF;}
.main, .content-area {width:960px; float:left;}
.through-ad img {width:958px; height:60px; border:1px solid #e0e0e0; margin-bottom:5px; float:left;}

/*path*/
.pathview {width:960px; height:26px; float:left;color:#B00;}
.pathview a{color:#999; padding:0 5px; }
.pathview a {line-height:24px;}
.pathview a:hover {color:#39C; text-decoration:underline;}
.pathview span {line-height:20px;}
.pathview code {color:#999;}

.page-top {width:300px; padding-right:17px; margin-top:-5px; float:right; text-align:right;}
.page-bottom, .page-bottom1 {width:748px; padding:5px 0 15px 0; float:left; _float:none;}
.page-bottom1 {width:728px; padding:0;}
.page-bottom-area {margin-right:10px; display:inline; float:right;}
.page-bottom1-area {float:right;}
.page-bottom1 span, .page-bottom span {margin:0 5px; float:left;}
.page-num a {padding:2px 5px 1px 5px; border:1px solid #cdcdcd; background:#FFF; margin:0px 2px; float:left;}
.page-num a:hover, .page-num .visited {background:#B00; color:#FFF; float:left;}
.page-bottom span input, .page-bottom1 span input {width:40px; height:18px; padding:0 2px; color:#999; border:1px solid #cdcdcd; background:#FFF; display:inline; float:left;}
.page-anum, .page-jump span {line-height:20px;}
.page-btn-qd {padding:2px 8px; text-align:center; background:url(images/bg_btn_search.gif) repeat-x left top; border:1px solid #cdcdcd; float:left;}

/*cat_tree*/
.c-cat-depth-2 {line-height:23px;overflow:hidden;}
.c-cat-depth-1 .c-cat-depth-2 .sorts2 {background:transparent url(images/gallery_slice.gif) no-repeat scroll right 2px;color:#000000;display:block;float:left;font-size:12px;margin:0 6px 0 0;padding:0 7px 0 0;white-space:nowrap;}
.leftbar_body {padding:1px;width:190px;}
.GoodsCategoryWrap {text-align:left;}
.c-cat-depth-1 {background:transparent url(images/cat1.gif) no-repeat scroll 5px bottom;line-height:23px;margin:0 0 5px;padding:0 0 10px 10px;}
.c-cat-depth-1 a {background:transparent url(images/cat2.gif) no-repeat scroll 0 6px;color:#A41A49;font-size:14px;font-weight:400;padding:0 0 0 15px;}
.cat_tree h3 {background:transparent url(images/cat_title.gif) no-repeat scroll 0 0;height:35px;}

/*index*/
.mainleft {width:192px; height:638px; padding:3px; background:#ffffff; border:1px solid #e0e0e0; position:relative; z-index:99; float:left;}
.main .mainright {width:750px; height:620px; position:relative; left:10px; z-index:5; float:left;}
.main .mainright .mr-top {width:742px; height:356px; padding:3px; background:#f1f1f1; border:1px solid #e0e0e0; float:left;}
.main .mainright .mr-bottom{width:750px; margin-top:10px; float:left;}

/*new goods*/
.newgoods {width:750px;  float:left;}
.newgoods-ul {width:735px; height:200px; background:url(images/bg_newgoods.gif) repeat-x; padding:20px 0 0 11px;}
.newgoods-ul li {width:147px; height:190px; float:left;}
.newgoods-ul p {width:120px; text-align:center; margin-top:6px; display:inline; float:left;}
.newgoods-pic {width:120px; height:120px;}
.newgoods-pic img {width:120px; height:120px; display:block;}
.newgoods-name {width:120px; height:36px; line-height:18px; overflow:hidden;}
.newgoods-name a:hover {text-decoration:underline;}
.newgoods-price {color:#999;}
.new_title_bar {overflow: hidden; width: 100%;border-bottom: 1px solid rgb(206, 206, 206);}
.new_content{width:748px; height:270px; border:1px solid #e0e0e0; background:#FFF; float:left;}
.new_title{width:400px; height:35px; display:block; float:left;}
.new_more{width:70px; height:25px; padding-top:11px; float:right; display:inline;}
.new_more a{color:#FF6600;}
/*ad*/
.index-page .main-ad img {width:958px; height:80px; border:1px solid #e0e0e0; margin:15px 0; float:left;}
/*hot goods*/
.hotgoods {width:958px; height:455px; border:1px solid #e0e0e0; float:left;}
.hotgoods .hotgoods-title {width:958px; height:30px; border-bottom:1px solid #e0e0e0; float:left;}
.hotgoodst-pic img {display:block; float:left;}
.hotgoods-text {width:780px; height:18px; line-height:18px; padding:7px 5px 0 43px; text-align:right; color:#F60; overflow:hidden; float:left;}
.hotgoods-text a {color:#F60;}
.hotgoods-content {width:932px; height:160px; border:1px solid #FFF; background:url(images/bg_newgoods.gif) repeat-x; padding:15px 10px 10px 14px;float:left;}
.hotgoods-content li {width:130px; height:190px; margin:10px 14px 0 10px; display:inline; float:left;}
.hotgoods-content p {width:120px; text-align:center; float:left;}
.hotgoods-pic {width:120px; height:125px;}
.hotgoods-pic img {width:120px; height:120px; display:block;}
.hotgoods-name {width:120px; height:36px; line-height:18px; overflow:hidden;}
.hotgoods-name a:hover {text-decoration:underline;}
.hotgoods-price {color:#b00;margin-top:5px;}

/*category leftbar*/
.cat_left{width:200px;height:100%; margin-right:10px; float:left;overflow:hidden;}
.cat_menu{width:192px;height:100%;background-color:#fff; border:1px solid #e0e0e0; padding:3px;}

/*goods list*/
.goodslist-area{width:750px; float:left;}
.pglist-count {width:743px; padding-left:5px; height:25px; line-height:25px; border:1px solid #e0e0e0; float:left;}
.pglist-count span {font-weight:bold; color:#B00;}
.pglist-top {width:740px; padding:15px 0 5px 8px; float:left; position:relative; left:5px;}
.pglist-sort span,.pglist-pxsort span {line-height:10px; *line-height:14px; _line-height:12px; float:left;}
.pglist-sort img {width:54px; height:17px; display:block; margin-top:-3px; float:left;}
.pglist-pxsort, .pglist-pxsort1 {margin-top:-4px;}
.pglist-pxsort a, .pglist-pxsort1 a {width:29px; height:17px; line-height:17px; padding:0 4px 0 18px; color:#333; border:1px solid #CCC; border-right:0; background:#f1f1f1 url(images/icon_sort_1.gif) repeat-x left top; float:left;}
.pglist-pxsort1 a {border:1px solid #CCC;}
.pglist-pxsort a:hover, .pglist-pxsort .visited, .pglist-pxsort1 a:hover, .pglist-pxsort1 .visited {background:#f1f1f1 url(images/icon_sort_2.gif) repeat-x left top;}
.pglist-pxsort .visited2, .pglist-pxsort1 .visited2 {background:#f1f1f1 url(images/icon_sort_3.gif) repeat-x left top;}
.page-list {width:748px; border:1px solid #E0E0E0; background:url(images/bg_page_top.gif) repeat-x left top; float:left;}
.goods-list {width:743px; padding:10px 0 0 5px; float:left;}
.goods-list li {width:150px; height:234px; padding:10px 11px 5px 11px; margin:2px 6px 0 6px; display:inline; background:#f1f1f1 url(images/bg_goods_tem.gif) no-repeat left top; float:left;}
.goods-list li.hovergoods {background:#f1f1f1 url(images/bg_goods_tem_hover.gif) no-repeat left top; color:#39C;}
.goods-list p {width:150px; text-align:center; float:left;}
.goods-list .goods-list-info-pic {width:150px; height:150px;}
.goods-list .goods-list-info-pic img {width:150px; height:150px; display:block;}
.goods-list .goods-list-info-name {width:150px; height:36px; line-height:18px; overflow:hidden; margin-bottom:4px;}
.goods-list .goods-list-info-price {color:#b00;}

/* goods */
.goods-content, .goods-top-area, .goods-bottom-area {width:960px; float:left; display:table;}
.goods-areabottom {margin-top:10px;}
.goods-left {width:410px; float:left;}
.goods-right {width:530px; color:#666; padding-left:18px; float:left;}
.goods-pic {width:400px; height:400px; border:1px solid #E0E0E0; float:left;}
.goods-pic img {width:400px; height:400px; display:block;}
.goods-minipic {width:400px; padding-bottom:10px; float:left;}
.goods-minipic span {border:1px solid #E0E0E0; margin:10px 4px 0 0; float:left;}
.goods-minipic img {width:60px; height:60px; display:block;}
.goods-diamond {width:62px; height:52px; position:relative;}
.goods-diamond img {width:62px; height:52px; display:block;}
.goods-detail{width:530px; padding-bottom:5px; border-bottom:1px dashed #CCC; float:left;}
.goods-detail p {width:520px; padding-right:10px; line-height:30px;}
.goods-detail a {color:#39C;}
.goods-detail a:hover {text-decoration:underline; color:#39C;}
.goods-name {font-family:"微软雅黑",Tahoma;}
.goods-name a {font-family:"微软雅黑",Tahoma; line-height:20px; font-size:16px; color:#333;}
.goods-name a:hover {color:#39C; text-decoration:none;}
.goods-detail p.goods-ext {color:#999; padding:5px 0; line-height:18px;}
.goods-spec {width:528px; padding:5px 0; background:#F6F6F6; border:1px solid #E0E0E0; margin:10px 0; display:inline-block;}
.goods-spec p {width:500px; padding:6px 8px 6px 20px; float:left;}
.goods-spec p input {width:60px; height:18px; line-height:18px; padding:0 2px; color:#000; border:1px solid #999; background:#FFF;}
.goods-num a {width:85px; height:20px; line-height:20px; _line-height:18px; padding-left:7px; color:#FFF; background:url(/images/btn/bg_viewarea.gif) no-repeat 0 0; display:inline-block;}
.goods-num a:hover {color:#FFF;}
.goods-num span {color:#999; padding-right:10px; display:inline;}
.goods-buy {width:530px; float:left;}
.goods-buy a {margin-right:20px; display:inline; float:left;}
.goods-bottom-left {width:200px; margin-right:10px; display:inline; float:left;}
.good-desc {width:750px; float:left;}
.good-desc-area {width:750px; float:left;}
.good-desc-menu {width:750px; position:absolute; z-index:9;}
.good-desc-menu li {width:100px; height:30px; line-height:30px; font-size:14px; background:#fafafa url(/images/bg_tag.gif) repeat-x left top; text-align:center; margin-right:5px; display:inline; border:1px solid #E0E0E0; border-bottom:0; float:left;}
.good-desc-menu li a {color:#333; width:100px; cursor:pointer; float:left;}
.good-desc-menu .visited {color:#333; font-weight:bold; border-bottom:1px solid #FFF; background:#FFF;}
.good-desc-menu li a:hover {color:#333;}
.goods-qq {position:absolute; right:0px; top:5px; z-index:2;}
.goods-ww {position:absolute; right:105px; top:5px; z-index:2;}
.goods-desc-line {width:748px; height:1px; position:relative; z-index:5; top:31px; border-top:1px solid #e0e0e0;}
.goods-desc-content {width:740px; border:1px solid #E0E0E0; padding:3px; padding-top:40px; _padding-top:28px; border-top:0; overflow:hidden; float:left;}
.goods-desc li {width:724px; color:#999; margin-bottom:10px; display:inline; border:1px solid #CCC; float:left;}
.goods-desc p {width:684px; padding:5px 3px; line-height:20px; float:left;}
.goods-desc p span img {margin-bottom:-4px;}
.goods-desc p a {color:#39C;}
.goods-desc p a:hover {text-decoration:underline;}
/*index slide*/
.slide-container{background:#F1F1F1 none repeat scroll 0 0;border:1px solid #E0E0E0;float:left;height:356px;padding:3px;width:742px;}
.slides { position:relative; overflow:hidden; width:740px; height:356px;}
.slide-pic { overflow:hidden; width:480px;margin:0;padding:0;}
.slide-pic img { width:480px; height:355px; border:1px solid #E4E4E4;}
.slide-pic li { display:none;}
.slide-item { left:483px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;width:260px;}
.slide-item li { float:left; width:250px; height:70px; line-height:30px; margin-right:1px; display:block; overflow:hidden;padding:1px 0 1px 13px;}
.slide-item li img {background:#FFFFFF none repeat scroll 0 0;border:3px solid #EEEEEE;float:left;margin:2px 5px;padding:0px;height:58px;width:79px;}
.slide-item li span {font-family:Verdana;font-size:12px;line-height:18px;padding-right:5px;}
.slide-item a { display:block;  font-size:12px; color:#000;background:#eeeeee none repeat scroll 0 0;height:70px;line-height:20px;text-decoration:none;}
.slide-item .cur{background:transparent url(images/selected-item.gif) no-repeat scroll left top;padding:1px 0 1px 13px;}
.slide-item .cur a, .slide-item a:hover { color:#000; text-decoration:none;background:#bbb none repeat scroll 0 0;}
.slide-info {bottom:0;left:0;margin:0;padding:0;position:absolute;}
.slide-info li {margin:0;padding:0;display:block;height:80px;line-height:30px;margin-right:1px;overflow:hidden;text-align:left;width:480px;background:#333 none repeat scroll 0 0;opacity:0.6;filter:alpha(opacity=60)}
.slide-info li  h2 {color:#FFFFFF;font-family:Georgia,serif;font-size:18px;margin:0;overflow:hidden;padding:5px;}
.slide-info li  a {color:#FFFFFF;text-decoration:none;}
.slide-info li  a:hover {color:#FFFFFF;text-decoration:underline;}
.slide-info li  p {color:#F0F0F0;font-family:Verdana;font-size:12px;line-height:15px;margin:0 5px;}